<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>iPicker 测试</title>
        <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
        <script src="iPicker-2.2.0-beta.1.js"></script>
        <style>
            *{margin:0;padding:0;outline:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"PingFang SC","Microsoft yahei",Arial,sans-serif}
        </style>
        <script>
            $(function () {
                var areaJSON = $.getJSON( "area.json" );
                var id = iPicker("#target", {
                    data: areaJSON,
                    theme: "cascader",
                    width: 300,
                    strictMode: true,
                    onSelect: function ( v, t, a ) {
                        console.log( v, t, a )
                    }
                });
            })
        </script>
    </head>
    <body>

        <div id="target"></div>

    </body>
</html>